/*-----------------------------------------------------*/
/*----------------------- Haupti -----------------------*/
/*-----------------------------------------------------*/
@charset "utf-8";

* {
			
	margin: 0;
	padding: 0;
	border: 0 none;
	
}

html {

	height: 100%;
	padding: 0 0 1px 0;
			
}

body {
	
	background: #58585a url('./../images/background.jpg') repeat-x;
        
}

#wrapper {
	
	width: 800px;
	margin: 0 auto;
	padding: 0 0 0 0;
				
}

#copyr {
	
	float: right;
	margin: 17px 0 0 0;
	
}

#header {
	
	width: 960px;
	height: 51px;
	padding: 75px 0 0 0;
        
}

#header h1 a {
	
	width: 370px;
	height: 51px;
	display: block;
	background: transparent url('./../images/logo.png') no-repeat;
	text-indent: -5000px;
	
}

#contentbox {
	
	width: 740px;
	height: auto;
	min-height: 334px;
	background: #535353;
	padding: 30px 30px 30px 30px;
	margin: 0 0 30px 0;
	float: left;
	opacity: 0.8; /* neuere Browser */
 	filter: Alpha(opacity=80); /* IE ab Vers.5 */	
 	-moz-opacity: 0.8; /* ältere mozilla */

}

#logobox {
        
    
        width: auto ;
        height: auto;    
        margin: 0 0 25px 0;
        
}

.formular {
	
	width: 315px;
	height: 25px;
	margin: 15px 0 0 0;
	padding: 0px 0 0 5px;	
	
}

.formularbeschreibung {
	
	width: 585px;
	max-width: 585px;
	min-width: 585px;
	height: 125px;
	min-height: 125px;
	max-height: 125px;
	margin: 15px 0 0 0;
	padding: 5px 5px 5px 5px;
	overflow: hidden;	
	
}


#hs-detailbox,
#sg-detailbox {
    
        width: 545px;
        min-height: 500px;
        background-color: white;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        -khtml-border-radius: 20px;
        border-radius: 20px;
        padding: 20px;
        float: left;
          
}



/*-----------------------------------------------------*/
/*--------------------- Schrift -----------------------*/
/*-----------------------------------------------------*/

body {
	
	color: #3d3d3d;
	font-size: 12px;
	font-family: Verdana, Tahoma, Sans-Serif;
		
}


a {
	color: #002aff;
	text-decoration: none;
	 
}

a:hover, a:focus {
	
	color:#fada00;
	
}


h2 {
	color: white;
	font-size: 1.33em;
	margin: 0 0 30px 0px;
        
}

h3 {
	color: #3d3d3d;
	font-size: 1.2em;
	margin:0 0 0px 0px;
        
}

hr {
    
    height: 1px;
    color: black;
    background-color: black;
    
}

.indextext,
.indextext a {
	color: white;

}


#menu li a {
	font-weight: bold;
	color: #58585a;
	font-size: 1em;
	letter-spacing: 0.04em;

}

#menu li a:hover,
#menu li a:focus {
	font-weight: bold;
	color: #cc071e;
	font-size: 1em;
	letter-spacing: 0.04em;

}
#menu .menutrenner {
	
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica;
	color: #58585a;
        
}


#hochschulausgabe,
#studiengangausgabe {
	
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: bold;
	color: #313131;	
        
}


.tablehead {
	
	color: #d2d2d2;
	font-size: 1.0em;
        
}

.indexfarbe {
	
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: bold;
	color: #cc071e;
	margin: 0 0 0 5px;
        
}

.reddata {
	
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: bold;
	
}

.reddata a {
	
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: bold;
	color: #3d3d3d;
	
}

.reddata a:hover,
.reddata a:focus {
	
	font-family: Georgia, "Times New Roman", serif; 
	font-weight: bold;
	color: #cc071e;
        
}
	

#datensatzmenue li a {
	
	font-weight: bold;
	color: white;
	font-size: 0.85em;
	letter-spacing: 0.00em;	
	
}

#datensatzmenue li a:hover,
#datensatzmenue li a:focus {
	
	font-weight:bold;
	color: #cc071e;
	font-size:0.85em;
	letter-spacing: 0.00em;	
	
}

#datensatzmenue .menuetrenner2 {
	
	font-weight: normal;
	font-size: 0.85em;
	font-family: Verdana,Arial,Helvetica;
	color: #FFFFFF;
        
}

	

/*-----------------------------------------------------*/
/*----------------------- Teil ------------------------*/
/*-----------------------------------------------------*/


#menu {
    
	height: 21px;
	width: auto;
	margin: 70px 0 0 28px;
	float: left;
	
}	

#menu li {
    
	display: inline;
	text-align: right;
	margin:0 0 0 0;
	
}

#reiter {
    
	height: 21px;
	width: 540px;
	margin: 70px 0 0 0;
	float: right;
	
}

#reiter #studiengaenge-reiter,
#reiter #hochschulen-reiter {
    
	float: right;
	
}

#createbutton {
    
        position: relative;
        display: block;
	float: left;
	width: 48px;
	height: 48px;
        margin: 40px 0px 0px 692px
	
}

#mailtank {
    
        float: left;
        width: 35px;
        height: auto;
        margin: 0 0 0 40px;
       
}

#mailbutton {
    
        float: left;
        width: 35px;
        height: auto;
    
}

.formbutton {
    
    width: 100px;
    height: 35px;
    font-weight: bold;
    border: solid 1px grey;
    
}

/*-----------------------------------------------------*/
/*---------------------- Detail -----------------------*/
/*-----------------------------------------------------*/

#hochschulausgabe,
#studiengangausgabe {

width: 740px;
border: solid 1px black;
background: #e3e3e3;
color: #3d3d3d;
min-height: 20px;
border-collapse: collapse;

	
}

#uebersichthead {
	
width: 740px;
border: solid 1px black;
background: #313131;
color: #FFFFFF;
min-height: 20px;
border-collapse: collapse;

}


#hochschulausgabe td,
#studiengangausgabe td {
	
border: solid 1px black;
min-height: 38px;
padding: 15px 0 15px 10px;
font-size: 14px;
}


#datensatzmenue {
  
height: 21px;
width: auto;
margin: 5px 0px 10px 0;
float: right;

}

#datensatzmenue li {
	
display: inline;

}

#buttonset-form {
	
	float:right;
	margin:10px 0 0 0;
        
}


#arrow_box {
    
    color: white;
    display: none;
    position: absolute;
    background: #888888;
    border: 4px solid #cc071e;
    width: 300px;
    height: auto;
    margin: -44px 0 0 710px;
    padding: 10px 10px 10px 10px;
    
}

#arrow_box:after, #arrow_box:before {
    
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    
}

#arrow_box:after {
    
    border-right-color: #888888;
    border-width: 30px;
    top: 50%;
    margin-top: -30px;
    
}

#arrow_box:before {
    
    border-right-color: #cc071e;
    border-width: 36px;
    top: 50%;
    margin-top: -36px;
}


/*-----------------------------------------------------*/
/*--------------------- CSS-Hacks ---------------------*/
/*-----------------------------------------------------*/

.clearfix:after,
#copyr:after,
#reiter:after,
#menu:after  {
    
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
